<template>
    <u-popup :show="show" @close="close" @open="open" :closeable="closeable">
      <view
        class="layout"
        style="
          height: 90vh;
          width: 100vw;
          background-color: #f7f8fa;
          font-size: 14px;
        "
      >
        <slot />
      </view>
    </u-popup>
  </template>
  <script>
  export default {
    props: {
      show: {
        type: Boolean,
        default: false,
      },
      closeable: {
        type: Boolean,
        default: true,
      },
    },
    data: function () {
      return {};
    },
    methods: {
      open() {
        this.$emit("open");
      },
      close() {
        this.$emit("close");
      },
    },
  };
  </script>
  <style lang="scss" scoped></style>
  